<!-- 聊天内容区域 -->
<div id="chat-tab-content" class="tab-panel active">
    <div class="chat-container">
        <div id="chat-output" class="chat-messages">
            <!-- 聊天消息将通过JavaScript动态生成 -->
        </div>
        
        <!-- 文件附件显示区域 -->
        <div id="attached-files" class="attached-files" style="display: none;">
            <div class="attached-file">
                <div class="file-icon">
                    <i class="bi bi-file-earmark-text"></i>
                </div>
                <div class="file-info">
                    <div class="file-name" id="attached-file-name"></div>
                    <div class="file-size" id="attached-file-size"></div>
                </div>
                <button class="remove-file-btn" onclick="removeAttachedFile()">
                    <i class="bi bi-x"></i>
                </button>
            </div>
            <div class="file-prompt" id="file-prompt">
                <span>只识别附件中的文字</span>
            </div>
        </div>
        
        <!-- 输入区域 -->
        <div class="input-area">
            <!-- 知识库选择 -->
            <div class="kb-selector-container">
                <div class="kb-selector-compact">
                    <select id="kb-selector" class="kb-select">
                        <option value="">默认对话</option>
                        <!-- 知识库选项将通过JavaScript动态添加 -->
                    </select>
                    <i class="bi bi-database-fill"></i>
                </div>
            </div>
            
            <div class="message-input-wrapper">
                <textarea id="user-input" placeholder="给 HzSparrowAI 发送消息" rows="1"></textarea>
                
                <div class="input-actions">
                    <button class="action-btn upload-file-btn" onclick="openFileUpload()">
                        <i class="bi bi-paperclip"></i>
                    </button>
                    
                    <button class="action-btn tools-menu-btn" id="tools-menu-btn">
                        <i class="bi bi-three-dots"></i>
                    </button>
                    
                    <button type="button" class="send-btn" onclick="sendMessage()">
                        <i class="bi bi-arrow-up-circle-fill"></i>
                    </button>
                </div>
                
                <!-- 工具菜单 -->
                <div class="tools-menu" id="tools-menu">
                    <button class="tool-item" onclick="clearChat()">
                        <i class="bi bi-trash"></i>
                        <span>清空对话</span>
                    </button>
                    <button class="tool-item" onclick="exportChat()">
                        <i class="bi bi-download"></i>
                        <span>导出对话</span>
                    </button>
                    <button class="tool-item" onclick="shareChat()">
                        <i class="bi bi-share"></i>
                        <span>分享对话</span>
                    </button>
                </div>
            </div>
            
            <div class="thinking-options">
                <button class="thinking-option" data-option="R1" id="deep-thinking-btn">
                    <i class="bi bi-lightbulb"></i>
                    <span>深度思考 (R1)</span>
                </button>
                <button class="thinking-option" id="web-search-btn">
                    <i class="bi bi-globe"></i>
                    <span>联网搜索</span>
                </button>
            </div>
            
        </div>
    </div>
</div> 